<template>
  <div>
    <HiButton type="primary" status="success">Primary</HiButton>
    <HiButton type="secondary" status="success">Secondary</HiButton>
    <HiButton type="dashed" status="success">Dashed</HiButton>
    <HiButton type="outline" status="success">Outline</HiButton>
    <HiButton type="text" status="success">Text</HiButton>
  </div>
  <div>
    <HiButton type="primary" status="warning">Primary</HiButton>
    <HiButton type="secondary" status="warning">Secondary</HiButton>
    <HiButton type="dashed" status="warning">Dashed</HiButton>
    <HiButton type="outline" status="warning">Outline</HiButton>
    <HiButton type="text" status="warning">Text</HiButton>
  </div>
  <div>
    <HiButton type="primary" status="danger">Primary</HiButton>
    <HiButton type="secondary" status="danger">Secondary</HiButton>
    <HiButton type="dashed" status="danger">Dashed</HiButton>
    <HiButton type="outline" status="danger">Outline</HiButton>
    <HiButton type="text" status="danger">Text</HiButton>
  </div>
</template>